<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-10-25 09:30:10
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2024-01-09 11:39:07
 * @FilePath: \dormitory-management-screen\src\components\Common\NoDate.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="NoDateBox">
        <el-image :src="require('../../assets/img/ikon_no date.png')"></el-image>
        <div class="name">{{ title }}</div>
    </div>
</template>
<script>
export default {
    name:'NoDate',
    props: {
        // 床位集合
        title: {
            type: String,
            default: '暂无数据'
        }
    },
    data() {
        return {
        }
    },
    methods: {},
    mounted() { }
}
</script>
<style lang="less" scoped>
.NoDateBox {
    font-size: 16px;
    font-weight: 500;
    color: #A5BBFF;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;

    .el-image {
        width: 160px;
        display: inline-block;

    }

    .name {
        font-size: 13px;
    }
}
</style>
  